$(function () {
    var form = layui.form
    //列表渲染
    function LoadCateList() {
        $.ajax({
            type: 'get',
            url: 'my/article/cates',
            success: function (res) {
                // console.log(res);
                //基于模板引擎 渲染页面
                var tags = template('cate-tpl', res)
                $('.layui-table tbody').html(tags)
            }
        })
    }
    LoadCateList()

    // 监听删除分类的按钮事件
    $('.layui-table tbody').on('click', '.layui-btn-danger', function (e) {
        // 获取要删除的文章分类的id
        var id = $(e.target).data('id')
        // 调用接口进行删除
        $.ajax({
            type: 'get',
            url: 'my/article/deletecate/' + id,
            success: function (res) {
                if (res.status === 0) {
                    // 删除成功，提示一下，刷新列表
                    layer.msg(res.message)
                    LoadCateList()
                }
            }
        })
    })


    //监听编辑分类的按钮事件
    $('.layui-table tbody').on('click', '.edit', function (e) {
        var id = $(this).data('id')
        $.ajax({
            type: 'get',
            url: 'my/article/cates/' + id,
            data: {
                id: id
            },
            success: function (res) {
                editUIndex = layer.open({
                    type: 1,
                    title: '编辑文章分类',
                    content: $('#edit-form-tpl').html(),
                    area: ['500px', '250px']
                })
                form.val("editForm", res.data)
            }
        })
    })

    // 监听编辑分类的表单提交事件
    $('body').on('submit', '#edit-form', function (e) {
        // 阻止表单的默认行为
        e.preventDefault()
        // 获取表单数据
        var fd = $(this).serialize()
        $.ajax({
            type: 'post',
            url: 'my/article/updatecate',
            data: fd,
            success: function (res) {
                console.log(res);
                if (res.status === 0) {
                    // 编辑分类成功，提示一下并且关闭弹出层,刷新分类列表
                    layer.msg(res.message)
                    // 关闭弹出层
                    layer.close(editIndex)
                    // 刷新分类列表
                    LoadCateList()
                }
            }
        })
    })



    //添加新的分类
    var addIndex = null    //设置一个索引方便后边关闭弹窗
    $('#add-cate').click(function () {
        addIndex = layer.open({
            type: 1,
            title: '添加文章类别',
            content: $('#add-form-tpl').html(),
            area: ['500px', '250px']
        });
        //绑定添加分类的事件
        $('#add-form').submit(function (e) {
            e.preventDefault()
            $.ajax({
                type: 'post',
                url: 'my/article/addcates',
                data: $(this).serialize(),
                success: function (res) {
                    if (res.status === 0) {
                        layer.msg(res.message)
                        //关闭弹窗
                        layer.close(addIndex)
                        //重新渲染列表
                        LoadCateList()
                    }
                }
            })
        })
    })

})